<!DOCTYPE html>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:nf="http://novelfaces.be/jsf/comp"
	xmlns:nfsc="http://novelfaces.be/showcase/jsf/comp"
	xmlns:sp="http://java.sun.com/jsf/composite/source_panel">

		<h:panelGroup id="panelGroup">
			<nf:panel type="span"
				id="panelSpan">
					I'm a <span></span>.
			</nf:panel>
			<nf:panel type="div"
				id="panelDiv">
					I'm a <span></span>.
			</nf:panel>
			<nf:panel type="address"
				id="panelAddress">
					I'm an <span></span>.
			</nf:panel>
			<nf:panel type="article"
				id="panelArticle">
					I'm an <span></span>.
			</nf:panel>
			<nf:panel type="aside"
				id="panelAside">
					I'm an <span></span>.
			</nf:panel>
			<nf:panel type="section"
				id="panelSection">
					I'm a <span></span>.
			</nf:panel>
			<nf:panel type="nav"
				id="panelNav">
					I'm a <span></span>.
			</nf:panel>
			<nf:panel type="hgroup"
				id="panelHgroup">
					I'm a <span></span>.
			</nf:panel>
			<nf:panel type="header"
				id="panelHeader">
					I'm a <span></span>.
			</nf:panel>
			<nf:panel type="footer"
				id="panelFooter">
					I'm a <span></span>.
			</nf:panel>
			<nf:panel type="h1"
				id="panelH1">
					I'm a <span></span>.
			</nf:panel>
			<nf:panel type="h2"
				id="panelH2">
					I'm a <span></span>.
			</nf:panel>
			<nf:panel type="h3"
				id="panelH3">
					I'm a <span></span>.
			</nf:panel>
			<nf:panel type="h4"
				id="panelH4">
					I'm a <span></span>.
			</nf:panel>
			<nf:panel type="h5"
				id="panelH5">
					I'm a <span></span>.
			</nf:panel>
			<nf:panel type="h6"
				id="panelH6">
					I'm a <span></span>.
			</nf:panel>
		</h:panelGroup>

<script>
	jQuery(function() {
		jQuery('#mainForm\\:panelSpan > span').text(jQuery('#mainForm\\:panelSpan').get(0).tagName);
		jQuery('#mainForm\\:panelDiv > span').text(jQuery('#mainForm\\:panelDiv').get(0).tagName);
		jQuery('#mainForm\\:panelAddress > span').text(jQuery('#mainForm\\:panelAddress').get(0).tagName);
		jQuery('#mainForm\\:panelArticle > span').text(jQuery('#mainForm\\:panelArticle').get(0).tagName);
		jQuery('#mainForm\\:panelAside > span').text(jQuery('#mainForm\\:panelAside').get(0).tagName);
		jQuery('#mainForm\\:panelSection > span').text(jQuery('#mainForm\\:panelSection').get(0).tagName);
		jQuery('#mainForm\\:panelNav > span').text(jQuery('#mainForm\\:panelNav').get(0).tagName);
		jQuery('#mainForm\\:panelHgroup > span').text(jQuery('#mainForm\\:panelHgroup').get(0).tagName);
		jQuery('#mainForm\\:panelHeader > span').text(jQuery('#mainForm\\:panelHeader').get(0).tagName);
		jQuery('#mainForm\\:panelFooter > span').text(jQuery('#mainForm\\:panelFooter').get(0).tagName);
		jQuery('#mainForm\\:panelH1 > span').text(jQuery('#mainForm\\:panelH1').get(0).tagName);
		jQuery('#mainForm\\:panelH2 > span').text(jQuery('#mainForm\\:panelH2').get(0).tagName);
		jQuery('#mainForm\\:panelH3 > span').text(jQuery('#mainForm\\:panelH3').get(0).tagName);
		jQuery('#mainForm\\:panelH4 > span').text(jQuery('#mainForm\\:panelH4').get(0).tagName);
		jQuery('#mainForm\\:panelH5 > span').text(jQuery('#mainForm\\:panelH5').get(0).tagName);
		jQuery('#mainForm\\:panelH6 > span').text(jQuery('#mainForm\\:panelH6').get(0).tagName);

	});
</script>

</ui:composition>